.map {
    height: 100%;
}
.content {
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;

    .icon-left {
        font-size: 40px;
        font-weight: bold;
    }

    .bottom {
        position: relative;
        height: 90%;
        padding: 0 20px;

        .icon-position {
            position: absolute;
            font-size: 30px;
            color: grey;
            bottom: 250px;
        }

        .box {
            width: 90%;
            height: 150px;
            box-shadow: 0px 0px 5px 1px #333;
            background-color: #fff;
            position: absolute;
            bottom: 90px;
            border-radius: 20px;
            padding: 20px;
            .top{
                border-bottom: 1px dotted #ccc;
                position: relative;
                .outsiderun{
                    color: #4296ff;
                }
                .number{
                    span{
                        font-size: 30px;
                    }
                }
                .date{
                    position: absolute;
                    right: 0;
                    top: 50%;
                }
            }
            .bottom{
                p{
                    flex-direction: column;
                    flex: 1;
                    text-align: center;
                }
            }
        }
    }
}